<template>
  <a-collapse>
    <a-collapse-panel key="1" header="抽屉属性说明">
      <IDrawerDoc></IDrawerDoc>
    </a-collapse-panel>
    <a-collapse-panel key="full" header="抽屉组件示例">
      <a-tabs :animated="false">
        <a-tab-pane key="full" tab="完整示例">
          <Full></Full>
        </a-tab-pane>
       <!-- <a-tab-pane key="Time" tab="时间选择器">
          <Time></Time>
        </a-tab-pane>
        <a-tab-pane key="TreeSelect" tab="树形下拉框">
          <TreeSelect></TreeSelect>
        </a-tab-pane>
        <a-tab-pane key="ITemplate" tab="表单自定义">
          <ITemplate></ITemplate>
        </a-tab-pane> -->
      </a-tabs>
    </a-collapse-panel>
  </a-collapse>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import IDrawerDoc from './IDrawerDoc.vue'
import Full from './commponents/Full.vue'
export default defineComponent({
    name: 'i_drawer_demo',
    setup () {
        return {}
    },
    methods: {},
    components: {
        IDrawerDoc,
        Full
    }
})
</script>

<style lang="scss" scoped>
.cus_template {
  display: flex;
}
</style>
